<script>
export default {
	data() {
		return {
		}
	},
	mounted() {
	},
	props: ['row','column','index','txt', 'showHideExtend', 'toggle','showTooltip','colWidth','columnIndex'],
	render(h) {
		const row = this.row //当前行信息
		const column = this.column 	//当前列
		const $index = this.index
	    const extendToggle = this.showHideExtend && this.showHideExtend.bind(this, this.index, this.row) // 用于展开或收起扩展方法
	    const toggle = this.toggle
		const showTooltip = this.showTooltip
		const colWidth = this.colWidth
		const columnIndex = this.columnIndex //当前列的索引
		if(column.$scopedSlots.default) {
			return (<div
				on-click={(ev) => {
				// this._onCellClick(row, column)
				}}>
				{
					this.column.renderCell.call(this, h, {
						row,
						$index,
						extendToggle,
						toggle,
					})
				}
			</div>)
			// return (
			// 	this.column.renderCell.call(this, h, {
			// 		row,
			// 		$index,
			// 		extendToggle,
			// 		toggle,
			// 	})
			// )
		}else{
			// return (
			// 	<span>{this.txt}</span>
			// )
			return h(
				'span',{
			        on: {
					  mouseenter: this.hoverHandler,
			          // click: this.clickHandler,
			          // dblclick: this.dblclickHandler
			        }
				},this.txt
			)
		}

		// return h('div', {
		// 		class:{
		// 			'cell':true
		// 		},
		// 		on: {
		// 			click: this._onCellClick
		// 		},
		// 	},
	 //        this.row.renderCell.call(this, h, {
	 //        })
		// 	// this.$slots.default, // 子节点数组
		// )
	},
	methods:{
		_onCellClick() {
		},
		hoverHandler(event) {
			if(this.showTooltip){
				this.$emit('hover', event, this.colWidth, this.columnIndex, this.txt);
			}
	    },
	    // clickHandler(event) {
	    //   this.$emit('click', this.datas, this.index, event);
	    // },
	    // dblclickHandler(event) {
	    //   this.$emit('dblclick', this.datas, this.index, event);
	    // }
	},
	destroyed () {
		this.$el.removeEventListener('mouseenter', this.hoverHandler, false)
	},
}
</script>